<template>
	<view class="container">
		<view class="warp u-m-t-20">

			<u-form :model="form" :rules="rules" ref="uForm" :errorType="errorType">
				<u-gap :bg-color="bgColor" :height="height" :required="required"></u-gap>
					<u-form-item class="u-m-l-30 u-m-r-30" :required="required" :label-width="200" :label-position="labelPosition" :border-bottom="true" label="地域" prop="area">
						<view style="width:100%;text-align: right;" @click="cityActive = true">{{form.area || "请选择"}}</view>
						<!-- <u-input type="select" :select-open="selectShowDy" v-model="form.area" placeholder="请选择" placeholderStyle="color: #0D1D36;"
						 input-align="right" @click="selectShowDy = true"></u-input> -->
					</u-form-item>
					<u-form-item class="u-m-l-30 u-m-r-30" :label-width="200" :label-position="labelPosition" label="团队类型" prop="enterpriseNature">
						<view style="width:100%;text-align: right;" @click="cgSelect">{{form.grsf || "请选择"}}</view>						
					</u-form-item>					
					<u-form-item class="u-m-l-30 u-m-r-30" :label-width="200" label="产业" prop="industry">
						<view style="width:100%;text-align: right;" @click="cySelect">{{form.industry || "请选择"}}</view>
						<TriTree ref="cyTree" :multiple="false" :range="fetchDict.industry" @confirm="function (e){return tsetChooseType(e,'industry')}"></TriTree>
					</u-form-item>
					<u-form-item class="u-m-l-30 u-m-r-30" :label-width="200" :label="identity" prop="userIdentify">
						<view style="width:100%;text-align: right;"  @click="userIdentifyShow = true">{{form.userIdentify || "请选择"}}</view>
						<u-picker
							mode="selector"
							v-model="userIdentifyShow"
							@confirm="function (e){return confirm(e,userIdentifyList,'userIdentify')}"
							:range="userIdentifyList"
							range-key="name"
						></u-picker>
					</u-form-item>
					<u-form-item class="u-m-l-30 u-m-r-30" :label-width="200" v-if="specialtyList != undefined" label="具体身份" prop="specialty">
						<view style="width:100%;text-align: right;" @click="showLB">{{form.specialty || "请选择"}}</view>
						<u-picker mode="selector" v-model="specialtyShow" @confirm="function (e){return confirm(e,specialtyList,'specialty')}"
						 :range="specialtyList" :range-key="rangKey"></u-picker>
					</u-form-item>
					<u-form-item class="u-m-l-30 u-m-r-30" :label-width="200" label="职称" prop="profession">
						<u-input v-if="specialtyList[specialtyKey] === undefined" disabled="disabled" placeholder="无" v-model="form.profession" input-align="right" />
						<view v-else class="value" style="width:100%;text-align: right;" @click="showProfession">{{form.profession || "请选择"}}</view>
						<u-picker v-if="specialtyList[specialtyKey] != undefined" mode="selector" v-model="professionShow" @confirm="function(e){return confirm(e,specialtyList[specialtyKey].jobTitle,'profession')}"
						 :range="specialtyList[specialtyKey].jobTitle"></u-picker>
					</u-form-item>
					<u-form-item class="u-m-l-30 u-m-r-30" :label-width="200" label="团长执业资格" prop="credentials">
						<u-input v-if="specialtyList[specialtyKey] === undefined"  disabled="disabled" placeholder="无" v-model="form.credentials" input-align="right" />
						<view v-else class="value" style="width:100%;text-align: right;" @click="showCredentials">{{form.credentials || "请选择"}}</view>
						<u-picker v-if="specialtyList[specialtyKey] != undefined" mode="selector" v-model="credentialsShow" @confirm="function(e){return confirm(e,specialtyList[specialtyKey].qualificationCert,'credentials')}"
						 :range="specialtyList[specialtyKey].qualificationCert"></u-picker>
					</u-form-item>
					<u-form-item class="u-m-l-30 u-m-r-30" :required="required" :label-width="200" :label-position="labelPosition" :border-bottom="true" label="擅长领域" prop="enterpriseField">
						<view style="width:100%;text-align: right;" @click="sclySelect">{{form.enterpriseField || "请选择"}}</view>
					</u-form-item>
					<u-form-item class="u-m-l-30 u-m-r-30" :required="required" label-width="200" :label-position="labelPosition" label="履约信誉" prop="performanceReputation">
						<picker @change="xyxybindPickerChange" :value="sindex" :range="lvxys" style="width:100%;text-align: right;">
							<view class="uni-input">{{lvxys[sindex] || "请选择"}}</view>
						</picker>
					</u-form-item>
				
			</u-form>
		</view>
		<view class="warp u-m-t-20 u-p-30">
			
			<u-button class="button" @click="submit">确定</u-button>
			<!--弹出框-->
			<u-select mode="single-column" :list="fwnrList" v-model="selectShowFwnr" @confirm="selectConfirmFwnr"></u-select>
			<u-select mode="single-column" :list="jzjdList" v-model="selectShowJzjd" @confirm="selectConfirmJzjd"></u-select>
			<u-select mode="single-column" :list="rzfsList" v-model="selectShowRzfs" @confirm="selectConfirmRzfs"></u-select>
			<u-select :default-value="defaultValue" v-model="selectShowDy" mode="mutil-column-auto" value-name="value" label-name="name" child-name="submenu" :list="listCitys" @confirm="confirmCity"></u-select>
			<u-select :default-value="defaultValue" v-model="selectShowDytz" mode="mutil-column-auto" value-name="value" label-name="name" child-name="submenu" :list="listCitys" @confirm="confirmCitytz"></u-select>
			<u-select :default-value="defaultValue" v-model="selectShowXmlb" mode="mutil-column-auto" :list="fetchDict.qualification_merge" value-name="label" label-name="label" @confirm="confirmXmlb"></u-select>
			<TriTree ref="cgTree" :range="fetchDict.company_type" @confirm="function (e){return setChooseType(e,'grsf')}"></TriTree>
			<TriTree ref="sclyTree" :range="fetchDict.all_adept_field" @confirm="function (e){return setChooseType(e,'enterpriseField')}"></TriTree>
			<city-select v-model="cityActive" @city-change="cityChange"></city-select>
			<!--弹出框-->
		</view>
	</view>
</template>
<script>
import TriTree from '@/components/tki-tree/tki-tree.vue'
	import citySelect from '@/components/u-city-select.vue'
export default {
	components: {
		citySelect,
		TriTree
	},
	data() {
		let that = this;
		return {
				cityActive: false,
			sindex:0,
			lvxys: ["高","中","低"],
			/*个人选择产业*/
			identity:'团长身份',
			userIdentifyShow:false,
			userIdentifyList:[],
			mSelectShow: false,
			cy: '',
			specialtyShow: false,
			specialtyList: [],
			specialtyKey: '',
			rangKey: 'pname',
			professionShow: false,
			credentialsShow: false,
			rangKey: 'pname',
			fetchDict: [],
			/**/
			selectShowDytz:false,
			index:0,
			qualitySystems:['请选择','无','有'],
			selectShowqyly:false,
			fetchDict:[],
			selectShowQyxz:false,
			defaultValue: [3],
			listCitys:[],
			listXmlbs:[],
			show: false,
			showDate:false,
			mode: 'range',
			result: "开始时间   至   结束时间",
			startText: '开始',
			endText: '结束',
			rangeColor: '#2979ff',
			rangeBgColor: 'rgba(41,121,255,0.13)',
			activeBgColor: '#2979ff',
			height: 20,
			bgColor: this.$u.color.bgColor,
			marginTop: 30,
			marginBottom: 30,
			btnType: 'primary',
			reqBody: {},
			pattern: '',
			/**
			 * form验证
			 * */
			model: {},
			form: {},
			zsbzj: false,
			startTime: '',
			endTime: '',
			selectList: [
				{
					value: '测试1',
					label: '测试1'
				},
				{
					value: '测试2',
					label: '测试2'
				},
				{
					value: '测试3',
					label: '测试3'
				}
			],
			dataList: [
				{
					value: '2020-11-10',
					label: '2020-11-10'
				},
				{
					value: '2020-12-10',
					label: '2020-12-10'
				},
				{
					value: '2020-12-20',
					label: '2020-12-20'
				}
			],
			fwnrList:[
				{
					value: '国家行政企业',
					label: '国家行政企业'
				},
				{
					value: '公私合作企业',
					label: '公私合作企业'
				},
				{
					value: '中外合资企业',
					label: '中外合资企业'
				},
				{
					value: '社会组织机构',
					label: '社会组织机构'
				},
				{
					value: '国示组织机构',
					label: '国示组织机构'
				},
				{
					value: '外资企业',
					label: '外资企业'
				},
				{
					value: '私营企业',
					label: '私营企业'
				},
				{
					value: '集体企业',
					label: '集体企业'
				}
			],
			jzjdList:[
				{
					value: '全部',
					label: '全部'
				},
				{
					value: '可研',
					label: '可研'
				},
				{
					value: '招标',
					label: '招标'
				},
				{
					value: '勘察',
					label: '勘察'
				},
				{
					value: '设计',
					label: '设计'
				},
				{
					value: '采购',
					label: '采购'
				},
				{
					value: '施工',
					label: '施工'
				},
				{
					value: '监理',
					label: '监理'
				},
				{
					value: '预算',
					label: '预算'
				},
				{
					value: '设备安装',
					label: '设备安装'
				},
				{
					value: '装饰装修',
					label: '装饰装修'
				},
				{
					value: '竣工验收',
					label: '竣工验收'
				},
				{
					value: '其他',
					label: '其他'
				}
			],
			checkboxListTwo: [
			
				{
					name: '需要',
					checked: false,
					disabled: false
				},
				{
					name: '不需要',
					checked: false,
					disabled: false
				},
			],
			rzfsList:[
				{
					value: '资金入股',
					label: '资金入股'
				},
				{
					value: '借贷',
					label: '借贷'
				},
				{
					value: '其他',
					label: '其他'
				}
			],
			rules: {
				xmmc: [
					{
						required: false,
						message: '请输入项目名称',
						trigger: 'blur'
					}
				],
				region: [
					{
						required: false,
						message: '请选择地域',
						trigger: 'change'
					}
				],
				fwnr: [
					{
						required: false,
						message: '请选择服务内容',
						trigger: 'change'
					}
				],
				xmlb: [
					{
						required: false,
						message: '请选择项目类别',
						trigger: 'change'
					}
				],
				xmcc: [
					{
						required: false,
						message: '请输入项目层次',
						trigger: 'blur'
					}
				],
				ydmj: [
					{
						required: false,
						message: '请输入用地面积',
						trigger: 'blur'
					}
				],
				jzmj: [
					{
						required: false,
						message: '请输入建筑面积',
						trigger: 'blur'
					}
				],
				zzyq: [
					{
						required: false,
						message: '请输入资质要求',
						trigger: 'blur'
					}
				],
				jzjd: [
					{
						required: false,
						message: '请选择进展阶段',
						trigger: 'change'
					}
				],
				cjzt: [
					{
						required: false,
						message: '请选择任意一个承接主体',
						trigger: 'change'
					}
				],
				rzfs: [
					{
						required: false,
						message: '请选择融资方式',
						trigger: 'change'
					}
				],
				rzgm: [
					{
						required: false,
						message: '请输入融资规模',
						trigger: 'blur'
					}
				],
				// pbgjz: [
				// 	{
				// 		required: false,
				// 		message: '请输入屏蔽关键字',
				// 		trigger: 'blur'
				// 	}
				// ],
				sjap: [
					{
						required: false,
						message: '请选择时间安排',
						trigger: 'change'
					}
				],
				jdsm: [
					{
						required: false,
						message: '请输入简短说明',
						trigger: 'blur'
					}
				]
			},
			checkboxList: [
				{
					name: '企业',
					checked: false,
					disabled: false
				},
				{
					name: '团队',
					checked: false,
					disabled: false
				},
				{
					name: '无',
					checked: false,
					disabled: false
				},
			],
			// checkboxListTwo: [
				
			// 	{
			// 		name: '是',
			// 		checked: false,
			// 		disabled: false
			// 	},
			// 	{
			// 		name: '否',
			// 		checked: false,
			// 		disabled: false
			// 	},
			// ],
			required: false,
			border: false,
			check: false,
			selectStatus: 'close',
			selectShowDy: false,
			selectShowFwnr: false,
			selectShowXmlb: false,
			selectShowJzjd: false,
			selectShowRzfs: false,
			selectShowLyxy: false,
			selectShowPpsx: false,
			radio:'',
			radio1: '',
			radioCheckWidth: 'auto',
			radioCheckWrap: false,
			labelPosition: 'left',
			codeTips: '',
			errorType: ['toast'],
			/**/

			/**
			 * 数字统计
			 * */
			startVal: 500,
			endVal: 500,
			separator: ',',
			decimals: 0,
			duration: 2000,
			autoplay: true,
			useEasing: true,
			current: 3,
			isStop: false,
			bold: false,
			fontSize: 24,
			color: '#fff',
			/**/
			keyIndex:0,
			keywords: [{name:'企业',selected:true},{name:'设计师',selected:false},{name:'监理',selected:false},{name:'大型企业',selected:false},{name:'采购',selected:false},{name:'监理',selected:false}]
		};
	},
	mounted() {},
	onShow(){
		// this.wsDictionary();
		// this.wxyDictionary();
		// this.wyxDictionary();
	},
	onReady() {
		this.$refs.uForm.setRules(this.rules);
	},
	onLoad(options){
		if(options.row){
			this.model = JSON.parse(decodeURIComponent(options.row));
			this.model.intention = {};
		}		
		if(options.type){
			this.url = JSON.parse(decodeURIComponent(options.type));
		}
		//获取省市区
		this.cityList();
		
		var keys = {'keys':['company_nature','enterprise_classification','company_type','qualification_merge','industry','financing_cooperation_project_category','all_adept_field']}
		this.dictionaryFetchDict(keys);
		
		// this.dictionaryFetchDict('company_nature'); //企业性质
		// this.dictionaryFetchDict('enterprise_classification'); //企业分类
		// //this.dictionaryFetchDict('quality_system'); //质量体系
		// this.dictionaryFetchDict('company_type'); //擅长领域
		// this.dictionaryFetchDict('qualification_merge'); //企业资质
		// /*个人选择产业*/
		// this.dictionaryFetchDict('industry'); //产业菜单
		this.getIdentitys(); //身份
		/**/
		// this.dictionaryFetchDict('financing_cooperation_project_category');
		// this.dictionaryFetchDict('all_adept_field');
	},
	methods: {	
		
			cityChange(e) {
				let address = e.province.label
				if(e.city){
					address = address + '-' + e.city.label;
				}
				if(e.area){
					address = address + '-' + e.area.label;
				}
				this.form.area = address
			},
		/*个人选择产业*/
		showLB() {
			if (this.cy == '') {
				uni.showToast({
					title: "请先选择产业",
					icon: 'none'
				})
				return;
			}
			this.specialtyShow = true;
		},
		mSelectShowClick() {
			if (this.cy === '') {
				uni.showToast({
					title: "请先选择产业",
					icon: 'none'
				})
			} else {
				console.log("areaOfExpertise", this.specialtyList[this.specialtyKey].areaOfExpertise);
				this.mSelectShow = true;
			}
		},
		tsetChooseType(item, type) {
			var column_array = this.$mUtils.array_column(item, 'label');
			var modelValue = column_array.join(',');
			this.form[type] = modelValue;
			this.cy = item[0].parents.length > 0 ? item[0].parents[0].id : item[0].id;
			var cyValue = item[0].parents.length > 0?item[0].parents[0].label:item[0].label;
			
				this.getfetchProfessionById(this.cy);
			this.form.profession = '';
			this.form.credentials = '';
			this.form.expertise = '';
			this.$forceUpdate()
		},
		showProfession() {
			if (this.specialtyKey === '') {
				uni.showToast({
					title: "请先选择专业",
					icon: 'none'
				})
			} else {
				this.professionShow = true;
			}
		},
		showCredentials() {
			if (this.specialtyKey === '') {
				uni.showToast({
					title: "请先选择专业",
					icon: 'none'
				})
			} else {
				this.credentialsShow = true;
			}
		},
		async getfetchProfessionById(id){
			let result = await this.$apis.fetchProfessionById({id:id});
			this.specialtyList = result.data;
			this.specialtyKey = 0;
		},
		async getProfession(id){
			if(id){
				let result  = await this.$apis.fetchProfessionById({id:id});
				this.specialtyList = result.data;
			}		
		},
		cySelect() {			
			this.$refs.cyTree._show()
		},	
		sclySelect() {
			this.$refs.sclyTree._show()
		},			
		async getIdentitys(){
			let result = await this.$apis.identify({type:1});
			this.userIdentifyList = result.data;
		},
		mSelect() {
			this.$refs.ptriTree._show()
		},			
		psetChooseType(item, type) {
			var column_array = this.$mUtils.array_column(item, 'label');
			var modelValue = column_array.join(',');
			this.form[type] = modelValue;
			this.$forceUpdate()
		},
		confirm(e, list, type) {
			if (type == 'specialty') {
				this.form[type] = list[e][this.rangKey];
				var specialtyKey = e[0];
				this.specialtyKey = specialtyKey;
			} else if (type == 'userIdentify') {
				var itemKey = e[0];
				this.form[type] = list[itemKey]['name'];
			} else {
				var itemKey = e[0];
				this.form[type] = list[itemKey];
			}
			console.log("form:", this.form);
		},
		/**/
			cgSelect() {
				this.$refs.cgTree._show()
			},			
			xyxybindPickerChange(e){
				this.sindex= e.detail.value;
				this.form.lvxy = this.lvxys[e.detail.value];
			},
		 bindPickerChange: function(e) {
			 console.log("userInfo",this.$store.state.userInfo.completeFlag);
			
			 if(this.qualitySystems[e.target.value] =='有'){
				 this.findUserInfoOne();
			 }else{
				 this.form.qualitySystem = '无'
			 }
			this.index = e.target.value
		},
		async findUserInfoOne() {
			let that = this;
			let data = await this.$apis.findUserInfoOne();
			if (data.code === 200) {
				this.form.qualitySystem = data.data.company.quality
			}
		},
		setChooseType(item, type){
			console.log("setChooseType",item, type);
			var column_array=this.$mUtils.array_column(item,'label');
			var modelValue=column_array.join(',');
			this.form[type] = modelValue;
			this.$forceUpdate()	
		},
		mSelect() {
			this.$refs.triTree._show()
		},
		selectConfirmqyly(e) {
			this.form.enterpriseField = '';
			e.map((val, index) => {
				this.form.enterpriseField += this.form.enterpriseField == '' ? val.label : '-' + val.label;
			});
		},
		async dictionaryFetchDict(keyWords) {
			let result = await this.$apis.fetchMultipleKey(keyWords);
			this.fetchDict = result.data;
		},
		selectConfirmQyxz(e) {
			this.form.enterpriseNature = '';
			e.map((val, index) => {
				this.form.enterpriseNature += this.form.enterpriseNature == '' ? val.label : '-' + val.label;
			});
		},
		handleClickWeight(e) {
			var model = encodeURIComponent(JSON.stringify(this.model));
			let url = encodeURIComponent(JSON.stringify("release/bidding"));
			if(this.form.wyx == '企业'){				
				uni.navigateTo({
					url: '../user/companyWeight?type='+url+'&row=' + model
				})
			}else if(this.form.wyx == '团队'){
				uni.navigateTo({
					url: '../user/teamWeight?type='+url+'&row=' + model
				})
			}else{				
				uni.navigateTo({
					url: '../user/personWeight?type='+url+'&row=' + model
				})
			}
		},
		confirmCity(e) {
			this.form.area = '';
			e.map((val, index) => {
				this.form.area += this.form.area == '' ? val.label : '-' + val.label;
			})
		},
		confirmCitytz(e) {
			this.form.areatz = '';
			e.map((val, index) => {
				this.form.areatz += this.form.areatz == '' ? val.label : '-' + val.label;
			})
		},
		confirmXmlb(e) {
			this.form.qualification = '';
			e.map((val, index) => {
				this.form.qualification += this.form.qualification == '' ? val.label : '-' + val.label;
			})
		},
		async cityList(){
			let result = await this.$apis.fetchArea({level:2});	
			this.listCitys = result.data;
		},
		// checkbox选择发生变化
		checkboxGroupChange(e) {
			// debugger
			if(e==="需要"){
				this.zsbzj = true;
			}else{
				this.zsbzj = false;
			}
			
		},
		// // checkbox选择发生变化
		// checkboxGroupChange(e) {
		// 	// debugger
		// 	this.form.cjzt = e;
		// 	if(e==="企业"){
		// 		this.form.cjztTwo = 0;
		// 	}else if(e==="个人"){
		// 		this.form.cjztTwo = 1;
		// 	}else{
		// 		this.form.cjztTwo = 2;
		// 	}
			
		// },
		// checkbox选择发生变化
		checkboxGroupChange1(e) {
			this.form.xhm = e;
			if(e==="是"){
				this.form.xhmTwo = 1;
			}else{
				this.form.xhmTwo = 0;
			}
		},
		submit() {
			this.model.intention  = this.form;
			this.$refs.uForm.validate(valid => {
				if (valid) {
					var model = encodeURIComponent(JSON.stringify(this.model));
					if(this.url != ''){
						uni.redirectTo({
							url: '/pages/'+this.url+'?row=' + model
						})
					}else{
						uni.navigateTo({
							url: '/pages/wisdomcommune/zhihuiService?row=' + model
						})
					}
				} else {
					console.log('验证失败');
				}
			});
			
		},		
		
		selectKey(e){
			this.keywords[e].selected = !this.keywords[e].selected;
		},
		// 选择
		selectConfirmFwnr(e) {
			this.form.qyxz = '';
			e.map((val, index) => {
				this.form.qyxz += this.form.qyxz == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmJzjd(e) {
			this.form.jzjd = '';
			e.map((val, index) => {
				this.form.jzjd += this.form.jzjd == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmRzfs(e) {
			this.form.rzfs = '';
			e.map((val, index) => {
				this.form.rzfs += this.form.rzfs == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmQylx(e) {
			this.form.qylx = '';
			e.map((val, index) => {
				this.form.qylx += this.form.qylx == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmQydy(e) {
			this.form.qydy = '';
			e.map((val, index) => {
				this.form.qydy += this.form.qydy == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmPpsx(e) {
			this.form.ppsx = '';
			e.map((val, index) => {
				this.form.ppsx += this.form.ppsx == '' ? val.label : '-' + val.label;
			});
		},
		change(e) {
			if (this.mode == 'range') {
				this.form.sjap = e.startDate + " - " + e.endDate;
				this.startTime = e.startDate;
				this.endTime = e.endDate;
			} else {
				this.form.sjap = e.result;
			}
		},
		changeDate(e) {
			this.form.ppsx = e.result;
		},
		
		dianji(){
			this.show = true;
		}
	}
};
</script>
<style scoped lang="scss">
	// 上下滑动
	.scroll-Y {
	  height: 300rpx;
	  .scroll-view-item {
	    height: 300rpx;
	    width: 100%;
	  }
	}
	// 左右滑动
	.scroll-view_H {
	  height: 400rpx;
	  width: 100%;
	  white-space: nowrap; // 滚动必须加的属性
	  border: 1px #007aff solid;
	 
	  .scroll-view-item_H {
	    height: 300rpx;
	    width: 40%;
	    margin-right: 20rpx;
	    display: inline-block;
	    vertical-align: top;
	  }
	}
page {
	// background: #f5f5f9;
}
.warp {
	background: #fff;
}
.count {
	.count-to {
		font-size: 24rpx;
	}
	text {
		padding: 2rpx 12rpx;
		background: #ff9e21;
		color: #ffffff;
		font-size: 24rpx;
	}
}
.group {
	padding: 6rpx 21rpx;
	background: #f1f7ff;
	border-radius: 6rpx;
	margin: 30rpx 30rpx 0 30rpx;
}
.button {
	width: 662rpx;
	margin:145rpx auto 65rpx auto;
	background: #ab61ff;
	border-radius: 40rpx;
	border: 0;
	color: #fff;
	&.u-hairline-border:after {
		border: 0;
	}
}
.fgx{
	width: 100%;
	height: 20rpx;
	background-color: #F5F5F9;
	margin-top: 40rpx;
}
.wdztc{
	width: 190rpx;
	height: 56rpx;
	background: rgba(171, 97, 255, 0.15);
	border: 2rpx dashed #AB61FF;
	border-radius: 6rpx;
	color: #AB61FF;
	font-size: 28rpx;
	text-align: center;
	line-height: 56rpx;
	margin-top: 40rpx;
	margin-left: 280rpx;
}
.qtsm{
	display: flex;
	align-items: center;
	.hz{
		color: #0D1D36;
		font-size: 30rpx;
		margin-left: 15rpx;
	}
}
.zwpj{
		width: 690rpx;
		height: 260rpx;
		background-color: #F5F5F9;
		margin-top: 40rpx;
		font-size: 30rpx;
		color: #F5F5F9;
		border-radius: 10rpx;
		line-height: 44rpx;
	}
</style>
